<template>
    <div :class="['box', ebox]">data</div>

</template>

<script setup>
import * as echarts from 'echarts'
import { onMounted } from 'vue'

const { option, ebox } = defineProps([
    "option",
    "ebox"
])
onMounted(() => {
    const chart = echarts.init(document.querySelector(`.${ebox}`))
    chart.setOption(option)
})


</script>

<style lang="scss" scoped>
.box {
    width: 100%;
    height: 100%;
}
</style>